<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>李锦记美食厨房</title>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no"/>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="keywords" content="李锦记美食厨房"/>
		<meta name="description" content="李锦记美食厨房"/>
		<meta name="applicable-device"content="mobile">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css?201712211055"/>
	</head>
	<body>
		<img src="img/share.jpg" alt="" style="display: none;" id="sharePic"/>
		<div style="display: none;" id="group">
			<img data-src="img/voice2.mp3" alt="" />
			<img data-src="img/voice.mp3" alt="" />
			<img data-src="img/bgm.mp3" alt="" />
		</div>
		
		<div id="manifest" style="display: none;">
			<img data-src="img/bg.jpg" alt="" />
			<img data-src="img/index.jpg" alt="" />
			<img data-src="img/msg.png" alt="" />
			<img data-src="img/bg-2.jpg" alt="" />
			<img data-src="img/bg-3.jpg" alt="" />
			<img data-src="img/kuang.jpg" alt="" />
			<img data-src="img/menu.png" alt="" />
			<img data-src="img/icon-1.png" alt="" />
			<img data-src="img/icon-2.png" alt="" />
			<img data-src="img/line.png" alt="" />
			<img data-src="img/arrow.png" alt="" />
			<img data-src="img/arrow-white.png" alt="" />
			<img data-src="img/close2.png" alt="" />
			<img data-src="img/btn-upload.png" alt="" />
			<img data-src="img/upload.jpg" alt="" />
			<img data-src="img/logo.png" alt="" />
			<img data-src="img/logo-2.png" alt="" />
			<img data-src="img/title-fuli.png" alt="" />
			<img data-src="img/gz.png" alt="" />
			<img data-src="img/invite.png" alt="" />
			<img data-src="img/line.png" alt="" />
			<img data-src="img/pingxuan.png" alt="" />
			<img data-src="img/product.png" alt="" />
			<img data-src="img/px2.png" alt="" />
			<img data-src="img/repeat.png" alt="" />
			<img data-src="img/reupload.png" alt="" />
			<img data-src="img/title-px.png" alt="" />
			<img data-src="img/title-rule.png" alt="" />
			<img data-src="img/title-rz.png" alt="" />
			<img data-src="img/title-success.png" alt="" />
			<img data-src="img/title-time.png" alt="" />
			<img data-src="img/txt-sure.png" alt="" />
			<img data-src="img/upload.jpg" alt="" />
		</div>
		
		<div id="manifest2" style="display: none;">
			<img data-src="img/emoji-1.gif" alt="" />
			<img data-src="img/emoji-2.gif" alt="" />
			<img data-src="img/emoji-3.gif" alt="" />
			<img data-src="img/emoji-4.gif" alt="" />
			<img data-src="img/emoji-5.png" alt="" />
			<img data-src="img/emoji-6.gif" alt="" />
			<img data-src="img/emoji-7.gif" alt="" />
			<img data-src="img/emoji-8.gif" alt="" />
			<img data-src="img/rule.jpg" alt="" />
		</div>
		
		<!--横屏提示-->
		<div id="forhorview">
			<p>推荐使用竖屏浏览哦~</p>
		</div>

		<div id="loading">
			<div class="content">
				<div class="food"></div>
				<span class="txt"></span>
				<div class="percent"></div>
			</div>
		</div>

		<div id="wrap">
			<!--首页-->
			<div class="page page-1">
				<div class="msg-box">
					<div class="msg"></div>
					<div class="msg"></div>
					<div class="msg"></div>
					<div class="msg"></div>
					<div class="msg"></div>
					<div class="msg"></div>
					<div class="msg"></div>
				</div>
			</div>

			<!--对话页-->
			<div class="page page-2">
				<a href="javascript:void(0);" class="music play"></a>
				<div class="list">
					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>@国民少奶奶 你怎么那么久还没上线啊？！</span>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>都新年了还没有好的菜，你们有什么好的菜介绍啊？</span>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<img src="img/emoji-1.gif" alt="" class="emoji-1"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-3.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname emoji">彭于晏的XY</p>
							<span>是不是被爸妈催了？</span>
						</div>
					</div>

					<!--<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>我们早就给你准备好啦！</span>
						</div>
					</div>-->

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>手上的好菜简直不要太多</span>
						</div>
					</div>

					<!--<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>好了，姐妹们图片甩起来</span>
						</div>
					</div>-->

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<img src="img/pic-1.png" alt="" class="pic-1"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>这个绝对忠厚老实！可以结婚的！</span>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>这个不是我的菜啊</span>
						</div>
					</div>

					<div class="time">18:19</div>

					<!--<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>那么老实不灵的，你太平点，看看我这个，很好看的</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<img src="img/pic-2.png" alt="" class="pic-2"/>
						</div>
					</div>-->

					<!--<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>跟你讲这个纯天然的！没动过！！！</span>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>这个也不是我的菜</span>
						</div>
					</div>-->

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<img src="img/emoji-2.gif" alt="" class="emoji-2"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-3.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname emoji">彭于晏的XY</p>
							<span>你们都一塌糊涂！！我来给你一个</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-3.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname emoji">彭于晏的XY</p>
							<img src="img/pic-3.png" alt="" class="pic-3"/>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>Emmm......这个</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>有戏了有戏了！</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-3.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname emoji">彭于晏的XY</p>
							<span>这个没什么好讲的，就是有钱</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<img src="img/emoji-3.gif" alt="" class="emoji-3"/>
						</div>
					</div>

					<div class="time">18:24</div>

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<img src="img/emoji-4.gif" alt="" class="emoji-4"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<img src="img/emoji-5.png" alt="" class="emoji-5"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<img src="img/emoji-6.gif" alt="" class="emoji-6"/>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>这个不是我的菜啦<i class="cry"></i><i class="cry"></i><i class="cry"></i></span>
						</div>
					</div>

					<!--<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>你要求这么高的啊！？</span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>你到底要什么菜啊？</span>
						</div>
					</div>-->

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<img src="img/emoji-7.gif" alt="" class="emoji-7"/>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<span>我要的菜，天然、优选、料又多</span>
						</div>
					</div>

					<div class="sen-text">
						<img src="img/avatar-2.jpg" alt="" class="avatar" />
						<div class="txt">
							<img src="img/emoji-8.gif" alt="" class="pic-4"/>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-1.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">迪丽热赵</p>
							<span>你这种菜哪有上？！<i class="shame"></i><i class="shame"></i></span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-3.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname emoji">彭于晏的XY</p>
							<span>你这种菜哪有上？！<i class="shame"></i><i class="shame"></i></span>
						</div>
					</div>

					<div class="rec-text">
						<img src="img/avatar-4.jpg" alt="" class="avatar" />
						<div class="txt">
							<p class="nickname">上东区名媛C</p>
							<span>你这种菜哪有上？！<i class="shame"></i><i class="shame"></i></span>
						</div>
					</div>
				</div>
				<div class="fixed"></div>
				<div class="footer"></div>
			</div>

			<!--比赛页-->
			<div class="page page-3">
				<a href="javascript:void(0);" class="music play"></a>
				<div class="swiper-container" id="matchSwiper">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide slide-1">
				        	<img src="img/logo-2.png" alt="" class="logo"/>
				        	<img src="img/txt-sure.png" alt="" class="txt"/>
				        	<span class="arrow"></span>
				        </div>
				        <div class="swiper-slide slide-3 swiper-no-swiping">
							<img src="img/logo-2.png" alt="" class="logo"/>
				        	<img src="img/product.png" alt="" class="product"/>
				        	<!--<span class="arrow"></span>-->
				        </div>
						<div class="swiper-slide slide-2 swiper-no-swiping">
							<img src="img/text-quebao.png" alt="" class="quebao"/>
							<img src="img/item1.png" alt="" class="item1"/>
							<img src="img/item2.png" alt="" class="item2"/>
							<img src="img/item3.png" alt="" class="item3"/>
							<img src="img/item4.png" alt="" class="item4"/>
							<!--<span class="arrow"></span>-->
						</div>
				        <div class="swiper-slide slide-4 swiper-no-swiping">
				        	<!--<div class="menu-box">
								<a href="javascript:void(0);" class="menu"></a>
								<a href="javascript:void(0);" class="fuli"></a>
								<a href="javascript:void(0);" class="rule"></a>
							</div>-->
							<img src="img/upload.jpg" alt="" class="pic"/>
							<div class="btn-group">
								<div class="upload">
									<input type="file" class="fileinput"/>
								</div>
								<a href="javascript:void(0);" class="view"></a>
							</div>
							
				        </div>
				    </div>
				</div>
			</div>

			<!--上传页-->
			<div class="page page-4">

			</div>

			<!--上传成功-->
			<div class="page page-5">
				<a href="javascript:void(0);" class="music play"></a>
				<!--<div class="menu-box">
					<a href="javascript:void(0);" class="menu"></a>
					<a href="javascript:void(0);" class="fuli"></a>
					<a href="javascript:void(0);" class="rule"></a>
				</div>-->
				<div class="result-box">
					<div class="preview-box">
						<!--<img src="img/result.jpg" alt="" class="preview"/>-->
					</div>
					<img src="img/title-success.png" alt="" class="title"/>
					<div class="info-box">
						<h3>写下你的菜谱秘籍获得更多荣誉</h3>
						<form action="#" id="infoForm">
							<div class="ui-item">
								<label for="zhuliao">主　料：</label>
								<input type="text" id="zhuliao"/>
							</div>
							<div class="ui-item">
								<label for="fuliao">辅　料：</label>
								<input type="text" id="fuliao"/>
							</div>
							<div class="ui-item">
								<label for="zuofa">做　法：</label>
								<textarea id="zuofa"></textarea>
							</div>
						</form>
					</div>
				</div>
				<div class="btn-group">
					<a href="javascript:void(0);" title="重新上传" class="reupload"></a>
					<a href="javascript:void(0);" title="参与评选" class="pingxuan"></a>
				</div>
			</div>

			<!--填写信息-->
			<div class="page page-6">
				<a href="javascript:void(0);" class="music play"></a>
				<!--<div class="menu-box">
					<a href="javascript:void(0);" class="menu"></a>
					<a href="javascript:void(0);" class="fuli"></a>
					<a href="javascript:void(0);" class="rule"></a>
				</div>-->
				<img src="img/title-px.png" alt="" class="title"/>
				<form action="#" class="clearfix">
					<input type="text" id="username" placeholder="小当家大名"/>
					<input type="tel" id="phone" placeholder="手机" maxlength="11"/>
					<input type="text" id="pname" placeholder="作品名"/>
				</form>
				<a href="javascript:void(0);" class="subForm"></a>
			</div>

			<!--结束页-->
			<div class="page page-7">
				<a href="javascript:void(0);" class="music play"></a>
				<!--<div class="menu-box">
					<a href="javascript:void(0);" class="menu"></a>
					<a href="javascript:void(0);" class="fuli"></a>
					<a href="javascript:void(0);" class="rule"></a>
				</div>-->
				<img src="img/title-rz.png" alt="" class="title"/>
				<!--<p>持续关注<br />"李锦记美食厨房"官方微博&微信<br />期待你成为下一位李锦记特级小当家</p>-->
				<div class="gz"></div>
				<div class="btn-group">
					<a href="javascript:void(0);" class="replay" title="再次挑战"></a>
					<a href="javascript:void(0);" class="share" title="请朋友挑战"></a>
				</div>
				<img src="img/qr.jpg" alt="" class="qrcode"/>
				<p>长按关注李锦记美食厨房</p>
			</div>
		</div>

		<!--福利弹窗-->
		<div id="fuli-box" class="pop">
			<div class="content">
				<a href="javascript:void(0);" class="close"></a>
				<img src="img/title-fuli.png" alt="" class="title"/>
				<div class="swiper-container" id="fuliSwiper">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide slide-1">
				        	<div class="item">
				        		<h2>李锦记厨艺小当家(3名)</h2>
				        		<h3>iPhoneX</h3>
				        	</div>
				        	<div class="item">
				        		<h2>李锦记美食小红人(5名)</h2>
				        		<h3>戴森吹风机</h3>
				        	</div>
				        	<div class="item">
				        		<h2>李锦记持家小能手(25名)</h2>
				        		<h3>京东¥500购物券</h3>
				        	</div>
				        	<div class="item">
				        		<h2>李锦记美食家(50名)</h2>
				        		<h3>李锦记酱料大礼包</h3>
				        	</div>
				        </div>
				        <div class="swiper-slide">
				        	<div class="item">
				        		<h2>荣誉福利(多位)</h2>
				        	</div>
				        	<p>
				        		特级小当家”称号<br />
				        		菜品及菜谱入选李锦记130周年纪念册<br />
				        		参加美食讲堂<br />
				        		（仅分享菜品及菜谱的网友可得）
				        	</p>
				        </div>
				    </div>
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				</div>
				<img src="img/logo.png" alt="" class="logo"/>
			</div>
		</div>

		<!--规则弹窗-->
		<div id="rule-box" class="pop">
			<div class="content">
				<a href="javascript:void(0);" class="close"></a>
				<!--<img src="img/title-rule.png" alt="" class="title-rule"/>
				<p>拍照上传自己满意的厨艺菜品（图片中带入李锦记酱料可增加幸运度）即有机会赢取万元奖品豪礼 ;</p>
				<p>上传菜品并写下菜谱还有机会赢得“特级小当家”称号，入选李锦记130周年纪念册、参加美食讲堂等丰富活动。</p>
				<img src="img/title-time.png" alt="" class="title-time"/>
				<p>2017年12月22日-2018年1月5日</p>
				<p class="tip">最终解释权归<br />李锦记（中国）销售有限公司所有</p>-->
				<div class="img-box">
					<img src="img/rule.jpg" alt="" class="ruleImg"/>
				</div>
			</div>
		</div>

		<!--分享层-->
		<div class="share-box">
			<img src="img/share.png" alt="" />
		</div>
		<div style="display:none;">
			<script src="https://s22.cnzz.com/z_stat.php?id=1271562070&web_id=1271562070" language="JavaScript"></script>
			<script>
				var _czc = _czc || [];
				_czc.push(['_setAccount', '1271562070']);
			</script>
		</div>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script data-fixed="true">
			document.write('<script src="http://www.huihaicenter.com/api/wx/jssdk.php?url=' + encodeURIComponent(window.location.href) + '\"><\/script>');
		</script><!--ignore-->
		<script src="js/zepto.min.js"></script>
		<script src="js/preloadjs-0.6.2.min.js"></script>
		<script src="js/swiper-3.3.1.min.js"></script>
		<script src="js/layer_mobile/layer.js"></script>
		<script src="js/audio.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
